<!doctype html>
<html>
<head>
</head>
<body>
<input id='t2' type='checkbox' my='xx'/>
<input id='t' type='checkbox' checked/>
<script>
    window.onload = function () {

        // ie67 不区分 attr/prop
        // setAttribute('checked','checked') 相当于 .checked=true
        // setAttribute('checked','') 相当于 .checked=false
        // removeAttr 实际无效

        // ie8 setAttribute('checked','checked')  setAttribute('checked','')  同时 .checked=true
        // removeAttribute 同时 .checked=false
        // 但是 .checked 不设置 setAttribute

        // ie9+ 完全分离
        var t = document.getElementById('t');
        var t2 = document.getElementById('t2');
        t.checked = true;
        console.log("t2.my");
        console.log(t2.my);
        console.log("t2.removeAttribute");
        t2.removeAttribute('my');
        console.log(t2.getAttribute('my'));
        console.log(t2.my);
        console.log("t2");
        console.log(t2.getAttribute('checked'));
        console.log(t2.checked);
        console.log("t");
        console.log(t.getAttribute('checked'));
        console.log(t.checked);
        console.log("t.removeAttribute");
        t.removeAttribute('checked');
        console.log(t.getAttribute('checked'));
        console.log(t.checked);
        console.log(!!(t.getAttributeNode('checked')&&t.getAttributeNode('checked').specified));
        console.log("t.checked=true");
        t.checked = true;
        console.log(t.getAttribute('checked'));
        console.log(t.checked);
        console.log("t.checked=false");
        t.checked = false;
        console.log(t.getAttribute('checked'));
        console.log(t.checked);
        console.log("t.setAttribute checked checked");
        t.setAttribute('checked', 'checked');
        console.log(t.getAttribute('checked'));
        console.log(t.checked);
        console.log("t.setAttribute ''");
        t.setAttribute('checked', '');
        console.log(t.getAttribute('checked'));
        console.log(t.checked);
        console.log("t.setAttribute checked checked");
        console.log("t.checked=true");
        t.setAttribute('checked', 'checked');
        t.checked=true;
        console.log("t.setAttribute false");
        t.setAttribute('checked', false);
        console.log(t.getAttribute('checked'));
        console.log(t.checked);
    };
</script>
</body>
</html>